<!DOCTYPE html>
<html>
<head>
  <title>Dren</title>
  <script type="text/javascript">
//    function mesaj()
//    {
//        alert("Hoşgeldin");
//    }

	function basla () {
		document.getElementById("textarea").disabled = true
	}
		function islemim () {
	  if (document.getElementById("secili").checked == true) {
	  	document.getElementById("txtarea").disabled = false;
	  } else{
	  	document.getElementById("textarea").disabled = true;
	  }
	}
  </script>
  <%= stylesheet_link_tag :all %>
  <%= javascript_include_tag :defaults %>
  <%= csrf_meta_tag %>

</head>
<body onload="basla()" onunload="mesaj();">

<h1>Homepage#index</h1>
<p>Find me in app/views/homepage/index.html.erb</p>

<a href="javascript:;" onclick="alert('Tıkladınız')">Tıklayın</a>

<%=	 select_tag "letters", "<option>1</option><option>2</option><option>3</option><option>4</option>".html_safe, :onchange => "change()" %> <br>

<script type="text/javascript">
  
  function emailtest()
  {
      var str=document.getElementById("txt").value;
      var difade=/.+@.+\..+/;
      if(!difade.test(str))
      {
          alert("Doğru gir");
      }
  }
  
  function open_page () {
    var str="location=no,menubar=no,toolbar=no,status=no,resizable=no,width=300,height=100";
    window.open("articles", "_blank", str);
  }
  
</script>

<%= text_field_tag 'txt' %> <%= submit_tag "EmailTest", :type => "button", :onclick=>"emailtest()" %>
<br />
<%= link_to("tıklayınız", "javascript:;", :onclick=>"open_page()") %>
<br />
<script type="text/javascript" charset="utf-8">
	function new_page () {
	  var sayfa=document.getElementById("sec").value;
	  var str="location=no,menubar=no,toolbar=no,status=no,resizable=no,width=300,height=100";
	  yeni_sayfa=window.open(sayfa,"",str)
	}
</script>

<%=	 select_tag "sec", "<option>----</option><option>articles</option><option>root</option><option>http://google.com</option>".html_safe, :onchange => "new_page()" %> <br>

<style type="text/css" media="screen">
	div
	{
		background-color: #CCC;
		width: 150px;
		height: 150px;
	}
</style>
<script type="text/javascript" charset="utf-8">
	function islem () {
  		if (event.ctrlKey==true) {
  			alert("Alt tuş basılı");
  		} else{
  			alert("Alt tuş basılı değil");
  		}
	}
</script>

<div id="test" onmousedown="islem()">
  Tıklayınız
</div> <br />

<script type="text/javascript" charset="utf-8">
	// window.setTimeout("zaman()",5000);
	// function zaman () {
	  // alert("zamanlayıcı");
	// }
</script>

<script type="text/javascript" charset="utf-8">
	// var i=0;
	// var zaman= window.setInterval("say()",1);
	// function say () {
	  // document.getElementById("yaz").innerHTML=i;
	  // i++;
	// }
</script>
<div id="yaz">
  
</div> <br />

<style type="text/css" media="screen">
	#kayan
	{
		top: 20px;
		width: 50px;
		height: 50px;
		background-color: #B3B5FD;
	}
</style>
<script type="text/javascript" charset="utf-8">
//	var zaman=window.setInterval("ileri",10);
//	var x=0;
//	function ileri () {
//	  document.getElementById("kayan").style.left=x;
//	  if (x==400) {
//	  	dur();
//	  }
//	  x++;
//	}
//	function dur () {
//	  window.clearInterval(zaman);
//  var zaman2= window.setInterval("geri()",10);
//	}
//	function geri () {
//	  x-;
//	  document.getElementById("kayan").style.left=x;
//	  if (x==0) {
//	  	window.clearInterval(zaman2);
//	  }
//	}
</script>
<div id="kayan">
  Kayan Yazı
</div>

<script type="text/javascript" charset="utf-8">
	function islem () {
	  var str="";
	  var elemansayisi= document.getElementById("frm").length;
	  var frmnesne= document.getElementById("frm");
	  for (var i=0; i < elemansayisi; i++) {
		if (frmnesne.elements[i].checked == true) {
			var txt= frmnesne.elements[i].value
			str = str + txt;
		}
	  }
	  alert("Kullandıkların" +"-"+ str);
	}
</script>
<br />
<h1 id="baslik">Formlar</h1>
<h2 id="baslik">Şıklardan seçiniz</h1>
<%= form_tag "articles", :id => "frm" do %>
	<%= check_box_tag "article[title]", "flash" %> Flash
	<%= check_box_tag "sec", "java" %> Java
	<%= check_box_tag "sec", "ruby" %> Ruby
	<%= check_box_tag "sec", "rails" %> Rails
	<%= submit_tag "Kullandıkların ", :onclick => "islem()", :type => "button" %>
<% end %>
<br />
<script type="text/javascript" charset="utf-8">
	function renkler () 
	{
	  if (document.getElementsById("r1").checked == true) {
	  	alert("Kırmızı seçili");
	  } else if (document.getElementsById("r2").checked == true) {
	  	alert("Beyaz");
	  } else {
	  	alert("Yeşil seçili");
	  }
	}
</script>

<%= form_tag "articles", :id => "renkli" do %>
Bir renk seçin<br />
	<%= radio_button_tag 'renkler', 'Kırmızı', false, :id => "r1" %>Kırmızı<br />
	<%= radio_button_tag 'renkler', 'Beyaz', false, :id => "r2"  %>Beyaz<br />
	<%= radio_button_tag 'renkler', 'Yeşil', false, :id => "r3"  %>Yeşil<br />
	<%= submit_tag "Renk Seç", :onclick => "renkler()", :type => "button" %>
<% end %>

<script type="text/javascript" charset="utf-8">
	function renkli () {
	  var sayi = document.getElementsByName("renkliler");
	  for (var i=0; i < sayi.length; i++) {
		if (document.getElementsByName("renkliler").item(i).checked == true) {
			var txt = document.getElementsByName("renkliler").item(i).value;
		}
	  }
	  alert("Seçilen: \n" + txt)
	}
</script>

<%= form_tag "articles", :id => "renkli" do %>
Bir renk seçin<br />
	<%= radio_button_tag 'renkliler', 'Kırmızı', false, :id => "r1" %>Kırmızı<br />
	<%= radio_button_tag 'renkliler', 'Beyaz', false, :id => "r2"  %>Beyaz<br />
	<%= radio_button_tag 'renkliler', 'Yeşil', false, :id => "r3"  %>Yeşil<br />
	<%= submit_tag "Renk Seç", :onclick => "renkli()", :type => "button" %>
<% end %>

<%= form_tag "articles", :id => "renkli" do %>
	<%= text_field_tag 'txt' %>
	<%= hidden_field_tag "test", "deneme" %>
	<%= submit_tag "Hidden Field"  %>
<% end %>
<br />
<br />
<%= form_tag 'articles', :multipart => true do %>
  <%= file_field_tag "file" %>
  <%= submit_tag %>
<% end %>
<br />
<br />
<script type="text/javascript" charset="utf-8">

</script>

<%= text_area_tag "textarea" %>
<%= check_box_tag "secili", nil, nil, :onblur => "islemim ()" %>
